<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>选项卡</title>
<link rel="stylesheet" href="./test.css">
</head>
<body>
<div class="tabs">
  <div class="nav">
    <ul>
      <li class="active">房产</li>
      <li>家居</li>
      <li>二手车</li>
    </ul>
  </div>
  <div class="content">
     <div>
       <ul class="show">
         <li><a href="">1</a></li>
         <li><a href="">2</a></li>
         <li><a href="">3</a></li>
         <li><a href="">4</a></li>
       </ul>
     </div>
     <div>
       <ul class="hide">
         <li><a href=""></a></li>
         <li><a href=""></a></li>
         <li><a href=""></a></li>
         <li><a href=""></a></li>
       </ul>
     </div>
     <div>
       <ul class="hide">
         <li><a href=""></a></li>
         <li><a href=""></a></li>
         <li><a href=""></a></li>
         <li><a href=""></a></li>
       </ul>
     </div>     
  </div>
</div>

<script type="text/javascript">

</script>
</body>    
</html>